<template>  
  <view class="container">  
    <view class="button-group">  
	<button class="button" @click="handleClick0('button0')"><APPlet></APPlet>引导</button>  
	  <button class="button" @click="handleClick1('button1')">额度提升引导</button>  
	  <button class="button" @click="handleClick2('button2')">产品天数提升引导</button> 	   
	  <button class="button" @click="handleClick3('button3')">进行贷款申请</button>
    </view>  
  </view>  
</template>  
  
<script>  
export default {
  data() {
  	return {
  		
  	}
  },
  
  methods: {  
	  handleClick0(buttonName) {
	    uni.navigateTo({
	    	url:'/pages/launcher/launcher'
	    });  
	  },
    handleClick1(buttonName) {  
      uni.navigateTo({
      	url:'/pages/loan/limit'
      });  
    },
	handleClick2(buttonName) {
	  uni.navigateTo({
	  	url:'/pages/loan/proDate'
	  });  
	},
	handleClick3(buttonName) {
	  uni.navigateTo({
	  	url:'/pages/loan/apply'
	  });  
	}
  }  
}  
</script>  
  
<style scoped>  
.container {  
  display: flex;  
  flex-direction: row;  
  justify-content: space-around;  
  align-items: center;  
  padding: 20px;  
}  
  
.button-group {  
  display: flex;  
}  

.button-group {  
  display: flex;  
  flex-direction: column;  
}  
  
.button {  
  flex: 1;  
  margin: 10px;  
  padding: 10px 20px;  
  background-color: #007AFF;  
  color: #FFFFFF;  
  border-radius: 5px;  
}  
</style>